<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="/layout/common_head::commonHeader('菜单设定')"></head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div th:include="/layout/footer::title">
    </div>

    <div class="layui-body hstitlewithtitle">
        <div class="layui-container">
            <br>
            <blockquote class="layui-elem-quote">
                说明:菜单设定
            </blockquote>

            <div class="layui-form">
                <table class="layui-table" id="menuForm">
                    <colgroup>
                        <col width="80">
                        <col width="150">
                        <col width="200">
                        <col width="100">
                        <col>
                        <col width="100">
                        <col width="100">
                    </colgroup>
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>描述</th>
                        <th>url匹配规则</th>
                        <th>排序号</th>
                        <th>访问角色</th>
                        <th>可用标识</th>
                        <th>排序调整</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="item, itemStat : ${menus}">
                        <td th:text="${itemStat.count}"></td>
                        <td th:text="${item.descri}"></td>
                        <td th:text="${item.antUrl}"></td>
                        <td th:text="${item.orderNum}"></td>
                        <td th:text="${item.accessRole}"></td>
                        <td th:text="${item.flag == 0 ? '可用' : '禁用'}"></td>
                        <td>
                            <a href="javascript:void(0);">
                                <i class="layui-icon layui-icon-up" style=" color: #1E9FFF;"></i>
                            </a>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="javascript:void(0);">
                                <i class="layui-icon layui-icon-down" style="color: #1E9FFF;"></i>
                            </a>
                        </td>
                    </tr>

                    </tbody>
                </table>
            </div>

        </div>
    </div>

    <div th:include="/layout/footer::footer">
    </div>
</div>

<script th:replace="/layout/common_js::onloadjs"></script>
<script type="text/javascript">
    //JavaScript代码区域
    layui.use(['element', 'form', 'layer','jquery'], function () {
        var element = layui.element,
            form = layui.form,
            layer = layui.layer,
            $ = layui.jquery;

        layer.config({
            title: ['操作提示', 'font-size:14px;'],
            closeBtn: 0,
            time: 2000,
            anim: 1,
            scrollbar: false
        });

        $('#menuForm a').on('click', function(event){

            var info =$(this).data("info");

            layer.alert(info.id , {
                icon: 1,
                skin: 'layer-ext-moon'
            });
        });

    });
</script>
</body>
</html>
